<template>
  <div id="app">
    <!--
     <div id="nav">
	  <router-link to="/edit">edit</router-link>
    </div> 
	-->

    <router-view />
  </div>
</template>

<script></script>
<style lang="stylus">
//不能将vue文件关联为html,否则stylus的css会提示错误,红色波浪线, 虽然可正常编译.
html,body 
  height 100%
  border none
  padding 0
  margin 0 

#app {

 height :100%;

  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: center;
  color: #2c3e50;

  // margin-top: 60px;
  #dialog-program .el-dialog--center{
    width: 100%;
    background-color: rgba(0,0,0,0.2);
  }

  // element ui  渲染到dom 之后的标签, 内部增加的部分, 要修改 默认样式, 只能在全局修改样式, vue 里改没用
  .elinput-pname input{
    // background-color: red;
    padding: 0 2px;
  }
  .program_edit_text_dialog .el-dialog__title{
    color:white;
  }

// 2021-4-27


  .scheduleedit .el-form .el-form-item:hover{
    border-left: 1px solid black  ;
    .el-form-item__label{
      color:red;
      font-weight:900;
      font-style :italic
    }
  } 
  .scheduleedit .el-table__row td:nth-child(1){
    text-align:center
  }

// .eltable th {}

}
</style>
